<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>
			复习
		</title>
		<style type="text/css">
			.box {
				width: 100px;
				height: 100px;
				border: 20px solid #0000FF;
			}
		</style>
	</head>
	<body>
		<!-- 复习
		 1、伪元素选择器
		 基础选择器::before  ::after
		 content:''
		 2、盒模型 
		 border: #000000 solid 3px 
		 border-width px
		 border-color 关键字 十六进制、 rgb \rgba
		 border-style solid ; 实线 dotted（点状线）dashed (虚线) double(双线)
		 单独的设置每个边框
		 border-top border-right border-bottom  border-left
		 圆角
		 
		 border-radius : 一个值 1、2、3、4 都是一样的
		 border-radius : 两个值：第一个值表示1、3半径   第二个值 2、4
		  border-radius : 三个值：第一个值表示1半径   第二个值 2、4  第三个值，表示3的半径
		 -->
		 
		 <div class="box"></div>
	</body>
</html>
